<template>
    <div>
        <el-button @click="isDialog = true">
            dialogModule
        </el-button>
        <el-button @click="isDrawer = true">
            drawerModule
        </el-button>

        <dialog-module
            v-model="isDialog"
            title="dialog"
        >
            <div>自定义内容</div>
        </dialog-module>
        <drawer-module
            v-model="isDrawer"
            title="drawerModule"
        >
            <div>自定义内容</div>
        </drawer-module>
        <div style="margin:20px 0;" />
        <button-list />

        
        <el-button @click="pagesInfo.page = 1">
            重置页码
        </el-button>
        <pagination
            v-model:currentPage="pagesInfo.page"
            v-model:pageSize="pagesInfo.limit"
            :total="total"
            layout="total, sizes, prev, pager, next, jumper"
        />
    </div>
</template>

<script setup>
import { ref } from 'vue'
const isDialog = ref(false)
const isDrawer = ref(false)
const total = 20
const pagesInfo = ref({
    limit: 10,
    page: 1
})
</script>

<style lang="scss" scoped>

</style>